


Introduction 


If it feels like your designs are always stabbing the eyes, well, you might be right. I've been 
there before. All big designers have, too. 

One way to change that? Learning the principles of design. Particularly for people who do not 
have a natural sense-organ for beautiful designs, coming up with a beautiful design can be a 
daunting task. 

So, we've put together the fundamental principles of design that graphic designers, artists, web 
designers, cartographers and all design related folks will need in all their designs. These are 
principles that have not only been tested by experts, but we have also tested ourselves, and 
have found useful to always keep inmind when designing anything designable. 

The examples may not cover every explanation and application of each principle, but it should 
give you a strong idea of what each means. And it should, with practice, help you design stuff 
that pleases the eyes. 
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Overview 



One word summarizes the principles of graphic design 



CRAP 


c 


Contrast 


R 


Repetition 


A 


Alignment 


proximity 
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Contrast 



#1: What is contrast? 


To emphasize the difference 

between two or more elements 

your design. 


#2 How to achieve contrast 


Contrast can be achieved with: 



size 












#3: How to use 


Use high contrast to emphasize an element and 
low contrast to do the opposite. 


High contrast 
makes this 
text loud 


Low contrast 
makes this 
text silent 




#3: Example 


Hire a seasoned 

GIS ANALYST 

for your research 


Dark blue and bright orange 
give high contrast. They are 
used to divide this banner 
into two sections. 


The dark blue overlay on the 
background picture makes 
the white text easily 
readable. 


f geoafrikana 

www.geoafrikana .COm M geo.afrikana 

geoafrikana 
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#3: Final words on contrast 


The highest contrast is black text on white 
background. However, it is the most boring 
design - most people, especially students, 
dislike it. 
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Repetition 



#1: What is repetition? 


Consistent use of styles and 
colours across your design. 
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#2: How to achieve 


Repeat colours, shapes, font 
sizes and font styles to 
achieve repetition. 
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#3: How to use 


Repeat font and shape styles, 
sizes and colours in different 
sections of your design to give 
harmony and unity to your 

design. 
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#4: Example 



Note how colour red is repeated in the text and 
the illustration. 
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#4: Final words on repetition 


• Except you really know what you're doing, try to 
use not more than three colours and two fonts 
in your design. 

• Black and white are neutral colours. Arial and 
sans serif are neutral fonts. So, you don't have to 
always repeat them. Also, they are not included 
in the three-fonts and three-colours rule. 
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Alignment 



#1: What is alignment? 


Maintaining equal spacing across 

your design. 
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#2: How to achieve 


Use the gridlines, guides and 
align tools in your design 
software to align elements. 

Use CSS to align webpage 
elements if you are a web 
designer. 
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#3: How to use 


• Use alignment to show order 
and composure in your design. 

• Make an element unaligned to 
make it noticeable. 
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#4: Example 


Follow Layth or get 
followed by Layth! 

n ® □ 



Image Credit Conquest Designs 


Observe how the design is 
balanced around the 
horizontal and vertical 
gridlines. 

Also, all the social icons 
are equally spaced from 
one another. 
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Proximity 



#1: What is proximity? 


The use of space to show 
similarity between design 

elements. 
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#2: How to achieve 


Place related objects close to 
each other and do the 
opposite for unrelated 

objects. 
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#4: Example 



toiExp© Africa 

Abuja 2018 

...beyond the Hivci 


Venue: 


Date: 


Abuja International 25th - 29th 
Conference Center September 2018 


www.apiexpoaVrica2018.org 

^ s*cfecatiat(J8«pleKpoafuco20l8.ofg 


ApiExpc Afri cd 

Abuja 2018 

...beyond the Hlvti 


Date: 


25th - 29th 

September 2018 


Venue: 

Abuja International 
Conference Center 


www.apiripoafrica2Q18.oni 

Mue3«rut0t*piexpoarrK.&3Ot& oig 


Note how the designer 
used empty space to 
divide this design into 
four sections: 

■ Title 

■ Featured picture 

■ Venue and date 

■ Contact info 
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#4: Final words on proximity 


Use empty space (aka whitespace) to show 
transition from one section to another. 
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G e o Air ilka ini a 


Seasoned cartographer and GIS analyst 


You shouldn't have to put on a helmet and grab a sword to make a beautiful map 
for your students, kids or your research project. GeoAfrikana covers that for you. 


ORDER NOW 










Cartography 




A map is a blend of art and science. GeoAfrikana 
provides print-ready and web maps for any of 

feeds. 


GIS Analysis 

From hydrology to marketing, whatever your 
research is based on, we have you covered. 


Remote Sensing 

GeoAfrikana has access to petabytes of remote ly 
sensed data. That coupled with cutting-edge 
knowledge ooavaScript overwhelms all your 

needs. 





w-ww.geoafrikana.com ■■geoafrikana ■ geo.afrikana 





